<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>个人中心</title>
  <link rel="icon" href="../img/favicon.ico" type="image/x-icon">
  <style>

    tr{
      color: blueviolet;
      font-size: 12px;
    }
  </style>
</head>
<body>
<form action="#" method="post">
<table border="1" cellspacing="0" align="center" >
    <tr align="center">
      <td colspan="2"><h2 align="center"><font color="#8a2be2">注册中心</font></h2></td>
    </tr>
    <tr>
      <!-- 为表单项进行定义  -->
      <td>
        <label   for="username">用户名：</label>
        <!--定义表单项 通过type属性控制输入形式 id要和lable标签中的for属性进行匹配-->
      </td>
      <td> <input  type="text" name="username" id="username"></td>
    </tr>
      <br>
    <tr>
          <td>
           <label for="password">密码：</label>
        </td>
      <td>
        <input type="password" name="password" id="password"><br>
      </td>
    </tr>
    <br>

<tr>
  <td>
    性别：
  </td>
  <td>
    <!-- 单选框 要注意名称的一致性 value值的不同性-->
    <input type="radio" name="gender" value="1" id="male"><label for="male">男</label>
    <input type="radio" name="gender" value="0" id="female"><label for="female">女</label><br>
  </td>
</tr>

<tr>
  <td>
    爱好：
  </td>
  <td>
    <input type="checkbox" name="hobby" value="1" id="h1"><label for="h1">旅游</label>
    <input type="checkbox" name="hobby" value="2" id="h2"><label for="h2">电影</label>
    <input type="checkbox" name="hobby" value="3" id="h3"><label for="h3">游戏</label>
  </td>
</tr>
    <br>
<tr>
  <td>
    头像：
  </td>
  <td>
    <input type="file">
  </td>
</tr>
    <br>
<tr>
  <td>
    城市：
  </td>
  <td>
    <select name="city">
      <option value="beijing">
        北京
      </option>
      <option value="shanghai">上海</option>
      <option value="fujian">福建</option>
    </select>
  </td>
</tr>
    <br>
<tr>
  <td>
    个人描述：
  </td>
  <td>
    <textarea cols="10" rows="3" name="desc"></textarea><br>
  </td>
</tr>
    <br>
  <tr>
    <td colspan="2" align="center">
      <input  type="submit" value="点我提交" >
    </td>
  </tr>
</table>
</form>

</body>
</html>